$rem-baseline: 16px !default;

html {
  font-size: $rem-baseline;

  @media only screen and (max-width: 1600px) and (min-width: 1441px) {
    font-size: 14px;
  }

  @media only screen and (max-width: 1441px) and (min-width: 960px) {
    font-size: 12px;
  }

  @media only screen and (max-width: 960px) {
    font-size: 10px;
  }
}

@function rem($px) {
  @return $px / $rem-baseline * 1rem;
}

@function remCalc($px, $px2) {
  @return calc(#{$px - $px2 / $rem-baseline});
}
